<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Home :: X40P Project</title>
    <link rel="stylesheet" href="./assets/css/style.css" media="all" />
</head>
<body>
<div class="container_12" id="wrapper">
    <div class="container_12" id="header">
        <div class="grid_4" id="logo">
            <h1>X40P Project</h1>
            <h2>A production of CLGT team</h2>
        </div>
        <div class="grid_8">
            <form action="" method="get" name="" class="inline" id="form-login">
                <label>Email
                <input type="text" name="email" class="text" />
                </label>
                <label>Password
                <input type="password" name="password" class="text" />
                </label>
                <input type="submit" name="" value="Login" class="button" />
            </form>
        </div>
        <div class="clear"></div>
        
        <div class="grid_12" id="search">
            <form action="" method="get">
                <input name="q" type="text" value="" class="text" />
                <input type="submit" name="" value="Search" class="button" />
            </form>
        </div>
        <div class="clear"></div>
    </div><!-- /header -->
    <div class="container_12" id="main">
        <div class="grid_8">
            <h1>Weekly features</h1>
            <div class="slider">
                <ul id="weekly-featured-items">
                    <li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="This is a product" /></a></li>
                    <li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="This is a product" /></a></li>
                    <li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="This is a product" /></a></li>
                    <li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="This is a product" /></a></li>
                    <li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="This is a product" /></a></li>
                    <li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="This is a product" /></a></li>
                </ul>
                <div class="navigator prev">&laquo;</div>
                <div class="navigator next">&raquo;</div>
            </div>
        </div>
        <div class="grid_4">
            <h1>Weekly freebie</h1>
            <p class="freebie-item">
                <a href="" title=""><img src="./assets/images/img-80.jpg" alt="This is a product" /></a>
                Lorem ipsum dolor sit amet, postera eius sed esse ait est amet Cur meae. Intrat sed esse deprecor possit facis cui Tharsia adulescens longum!
            </p>
        </div>
        <div class="clear"></div>
        
        <!-- New items -->
        <div class="grid_12" id="home-item-list">
            <h1>New items</h1>
            <p class="rf">What do you wanna see: 
            <a href="" title="">All</a> |
            <a href="" title="">PHP</a> |
            <a href="" title="">All</a> |
            <a href="" title="">All</a> |
            <a href="" title="">All</a> |
            <a href="" title="">All</a>
            </p>
            
            <div class="clear"></div>
            <ul class="items">
            	<li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="" /></a></li>
            	<li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="" /></a></li>
            	<li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="" /></a></li>
            	<li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="" /></a></li>
            	<li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="" /></a></li>
            	<li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="" /></a></li>
            	<li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="" /></a></li>
            	<li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="" /></a></li>
            	<li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="" /></a></li>
            	<li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="" /></a></li>
            	<li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="" /></a></li>
            	<li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="" /></a></li>
            	<li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="" /></a></li>
            	<li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="" /></a></li>
            	<li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="" /></a></li>
            	<li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="" /></a></li>
            	<li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="" /></a></li>
            	<li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="" /></a></li>
            	<li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="" /></a></li>
            	<li><a href="" title=""><img src="./assets/images/img-80.jpg" alt="" /></a></li>
            </ul>
            <div class="clear"></div>
            <p class="rf">View:
                <a href="" title="">All items</a> |
                <a href="" title="">Most popular</a>
            </p>
        </div><!-- /new items -->
        <div class="clear"></div>
        
    </div><!-- /main -->
    
    
    <div class="container_12" id="footer">
        <div class="grid_3">
            <ul>
                <li><a href="category.html" title="View all items in [Category]">Category</a></li>
                <li><a href="category.html" title="View all items in [Category]">Category</a></li>
                <li><a href="category.html" title="View all items in [Category]">Category</a></li>
                <li><a href="category.html" title="View all items in [Category]">Category</a></li>
                <li><a href="category.html" title="View all items in [Category]">Category</a></li>
                <li><a href="category.html" title="View all items in [Category]">Category</a></li>
                <li><a href="category.html" title="View all items in [Category]">Category</a></li>
                <li><a href="category.html" title="View all items in [Category]">Category</a></li>
            </ul>
        </div>
        
        <div class="grid_3">            
            <ul>
                <li><a href="">Subscribe to blog</a></li>
                <li><a href="">Follow us on Twitter</a></li>
                <li><a href="">Become a fan on Facebook</a></li>
                <li><a href="">RSS feed</a></li>
            </ul>            
        </div>
        
        <div class="grid_3">
            <h3>Monthly newsletter</h3>
            <form name="" action="" method="post">
                <p>
                    <label>First Name<br />
                    <input type="text" class="text" name="first_name" id="first_name" value=""></label>
                </p>
                <p>
                    <label>Last Name<br />
                    <input type="text" class="text" name="first_name" id="first_name" value=""></label>
                </p>
                <p>
                    <label>Email<br />
                    <input type="text" class="text" name="first_name" id="first_name" value=""></label>
                </p>
                <p>
                    <input type="submit" name="submit" value="Subscribe" />
                </p>
            </form>
        </div>
        
        <div class="grid_3">
            <h3>Help & Support</h3>
            <ul>
                <li><a href="" title="">FAQ</a></li>
                <li><a href="" title="">Contact</a></li>
                <li><a href="" title="">About</a></li>
            </ul>
            
            <h3>Statistics</h3>
            <p>Total members<br />
                <span>9999999</span>
            </p>
            <p>Total members<br />
                <span>9999999</span>
            </p>
        </div>
        
        <div class="clear"></div>
        <div class="grid_9">Copyright &copy; 2011</div>
        <div class="grid_3">A production of cLGt Team</div>
        <div class="clear"></div>
    </div><!-- /footer -->
</div>
</body>
</html>